<template>
    <view class="margin-lr-sm margin-tb-base bg-white radius-xl">
        <view class="padding-base border-b-grey flex align-center justify-between">
            <view class="text-lg">我的服务</view>
            <view class="cuIcon-right text-lg"></view>
        </view>
        <view class="grid bg-white col-4 padding-base">
            <view @click="goPage('/pages/user/addlist')" class="text-center">
                <view>
                    <numberIcon icon="icon-dizhi" />
                </view>
                <view class="margin-top-sm text-sm text-grey">我的地址</view>
            </view>
            <view class="text-center">
                <view>
                    <numberIcon icon="icon-daifahuo" />
                </view>
                <view class="margin-top-sm text-sm text-grey">待发货</view>
            </view>
            <view class="text-center">
                <view>
                    <numberIcon icon="icon-daishouhuo" />
                </view>
                <view class="margin-top-sm text-sm text-grey">待收货</view>
            </view>
            <view class="text-center">
                <view>
                    <numberIcon icon="icon-daipingjia" />
                </view>
                <view class="margin-top-sm text-sm text-grey">待评价</view>
            </view>
        </view>
    </view>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { useMemberStore } from "@/store/module/member";
import numberIcon from "../common/number-icon.vue";
import { goPage } from "@/utils";

const memberStore = useMemberStore();
const props = withDefaults(defineProps<{ data: AnyObject }>(), {
    data: () => ({})
});
</script>

<style scoped lang="scss"></style>
